<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Defining a Cylinder widget</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
p.whs1 { margin-left:0px; }
p.whs2 { margin-left:40px; }
img_whs3 { border:none; width:330px; height:294px; float:none; border-style:none; }
ol.whs4 { list-style:decimal; }
p.whs5 { margin-left:0px; font-weight:normal; }
ul.whs6 { list-style:disc; }
p.whs7 { margin-left:0px; font-weight:bold; }
-->
</style><script type="text/javascript" language="JavaScript">
<!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
{
  var strNSS = "<style type='text/css'>";
  strNSS += "p.whs1 {margin-left:1pt; }";
  strNSS += "p.whs5 {margin-left:1pt; }";
  strNSS += "p.whs7 {margin-left:1pt; }";
  strNSS +="</style>";
  document.write(strNSS);
}
//-->
</script>
<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nCreating a Cylinder widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Creating a Cylinder widget</h1>
<p class="whs1">A Cylinder widget is a simple status indicator 
 that displays a vertical cylinder with fluid in it. The level of the fluid 
 within the cylinder is a visual representation of a single metric value. 
 Like the Gauge and Thermometer widgets, this type of widget is designed 
 to display the value of a single metric. </p>
<p class="whs1">The Cylinder widget is most useful when combined 
 with a selector because this allows users to choose specific metric values 
 to display in the cylinder. In the image below, the liquid level in the 
 cylinder represents the amount of revenue (the Revenue metric).</p>
<p class="whs2"><img src="images/widget_cylinder.gif" x-maintain-ratio="TRUE" width="330px" height="294px" border="0" class="img_whs3"></p>
<h2>To create a Cylinder widget</h2>
<ol type="1" class="whs4">
	
<li class=p><p class="whs1">Insert a Cylinder widget into 
 the document. For steps, see 
<a href="Insert_a_widget.htm">Inserting a 
 widget into a document</a></p></li>
	
<li style=" font-weight: normal; " class=p><p class="whs5">Add 
 objects to the Grid/Graph that contains the widget. To do this from the 
 Dataset Objects panel on the left, select attributes and metrics and drag 
 them on top of the widget, using the following requirements: </p></li>
</ol>
<ol>
<li style="list-style: lower-alpha;" type=a class=p><p class="whs2">Place 
 at least one attribute on the rows of the Grid/Graph. Its elements are 
 displayed in the selector. </p></li>
	
<li style="list-style: lower-alpha;" type=a class=p><p class="whs2"><span 
 style="margin-left: 0px;">Place one metric on the columns of the Grid/Graph. 
 </span>The metric values determine the amount of liquid displayed in the 
 cylinder. </p></li>
</ol>
<ol start="3" type="1" class="whs4">
	
<li class=p><p class="whs1">Right-click the Grid/Graph, 
 select<span style="font-weight: bold;"><B> View Mode</B></span>, and then <span 
 style="font-weight: bold;"><B>Graph</B></span>. The Grid/Graph is displayed in 
 a graph view.</p></li>
	
<li class=p><p class="whs1">Insert a selector next to 
 the Cylinder widget. This selector allows users to choose different attribute 
 elements. Assign the attribute as the selector's source. For steps to 
 insert a selector and choose a source for it, see 
<a HREF="Insert_a_selector.htm">Inserting 
 a selector into a document</a>.</p></li>
</ol>
<ol start="5" type="1" class="whs4">
	
<li class=p><p class="whs1">Set the Cylinder Grid/Graph 
 as the target of the selector. For steps to select an object as target 
 of a selector, see 
<a href="Choose_targets_for_selector.htm">Choosing 
 targets for a selector</a>. </p></li>
	
<li class=p><p class="whs1">It is recommended you also 
 drag the dataset report from the Dataset Objects panel and place it beneath 
 the selector. This allows you to see the report's values as you select 
 different attribute elements from the selector and see how they change 
 the appearance of the Cylinder widget.</p></li>
	
<li class=p><p class="whs1">View and test your results 
 by selecting<span style="font-weight: bold;"><B> Flash Mode</B></span> from the 
 <span style="font-weight: bold;"><B>Tools</B></span> menu. </p></li>
</ol>
<ul type="disc" class="whs6">
	
<li class=p><p class="whs2">If Flash Mode is not available, 
 you must make Flash Mode available in the document. For steps, see 
<a 
 href="Defining_available_display_modes.htm">Defining which display modes 
 are available to users</a>.</p></li>
</ul>
<ol start="9" type="1" class="whs4">
	
<li class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> to 
 apply the changes and return to the document.</p></li>
</ol>
<p class="whs7">&nbsp;</p>
<p class="whs7">Related topics</p>
<ul type="disc" class="whs6">
	
<li class=p><p class="whs1">
<a href="Flash_Mode.htm">Working 
 with documents in Flash Mode</a>.</p></li>
	
<li class=p><p class="whs1">
<a href="Format_Cylinder.htm">Formatting 
 a Cylinder widget</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
